<!DOCTYPE html>
<html dir="ltr" lang="en-US">

<head>
    <meta charset="utf-8">
    <title>在图片上添加文字并编辑生成手机海报</title>
    <link rel="stylesheet" href="./css/colpick.css" type="text/css" />
    <link rel="stylesheet" href="./css/r.css" type="text/css" />
    <script src="./js/jquery-1.8.3.min.js"></script>
    <script src="./js/colpick.js"></script>
    <script src="./js/html2canvas.min.js"></script>
    <script src="./js/r.js"></script>
    <style>
        html,
        body {
            margin: 0;
            text-align: center;
        }
    </style>
</head>

<body>
    <div class="r-main">
    </div>
    <script>
        let imgs = [{
            path: "./imgs/1.jpg",
            alt: "图片1"
        }, {
            path: "./imgs/2.jpg",
            alt: "图片2"
        }, {
            path: "./imgs/3.jpg",
            alt: "图片3"
        }, {
            path: "./imgs/4.jpg",
            alt: "图片4"
        }, {
            path: "./imgs/5.jpg",
            alt: "图片5"
        }, ];

        DtLbt.init(imgs, {
            title: "海报制作",
            subTitle: "这里是海报制作的介绍内容"
        });
    </script>
</body>